<template>
    <div>
        <div id="input">
            <div>
                <i class="iconfont">&#xe633;</i>
                <input placeholder="请输入手机号码"/>
            </div>
            <div>
                <i class="iconfont">&#xe62e;</i>
                <input placeholder="请输入密码"/>
            </div>
            <p>未注册过的手机将自动注册为美团账户</p>
            <div>获取验证码</div>
        </div>
        <button class="denglu">登录</button>
        <span class="wangjimiam">忘记密码</span>
        <span class="shuoming">说明:注册/登录说明您已经同意《美团用户协议》</span>
    </div>
</template>
<script>
export default {

}
</script>
<style lang="scss" scoped>
@import '../../static/hotcss/px2rem.scss';
#input {
    width: 100%;
    padding: 0 px2rem(40);
    height: px2rem(300);
    background: #fff;
    text-align: center;
    div {
        height: px2rem(98);
        width: 100%;
        border-bottom: 1px solid #ccc;
        line-height: px2rem(90);
        i {
            display: inline-block;
            font-size: px2rem(40);
        }
        input {
            display: inline-block;
            width: px2rem(600);
            border: none;
            height: px2rem(80);
            font-size: px2rem(28);
            color: #ccc;
            outline: none;
        }
    }
    p{
        color: #ccc;
        font-size: px2rem(28);
        background: #fff;
        width: 100%;
        line-height: px2rem(100);
        text-align: left;
    }
    div:nth-child(4){
        width: px2rem(200);
        height: px2rem(64);
        background: #cdcdcd;
        border-radius: px2rem(5);
        font-size: px2rem(32);
        color: #fff;
        position: absolute;
        top:px2rem(207);
        left: px2rem(475);
        line-height: px2rem(64)
    }
}
.denglu{
    width: px2rem(646);
    height: px2rem(84);
    background: #fdc900;
    font-size: px2rem(30);
    color: rgba(107,69,10,.4);
    margin-top: px2rem(20);
    border: none;
}
.shuoming{
    font-size: px2rem(28);
    color: #ddd;
    position: absolute;
    left: 0;
    bottom: 150px;
    width: 100%;
    height: px2rem(50);
    color: #898989;
}
.wangjimiam{
    color: #6b450a;
    font-size: px2rem(28);
    display: block;
    margin-left: px2rem(520);
    margin-top: px2rem(20);

}
</style>


